*{
    margin: 0;
    padding: 0;
}
body{
    background-color: rgb(245, 245, 245);
}
.clearfix::before,.clearfix::after{
    content: '';
    display: table;
    clear: both;
}

@mixin flesfun1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@mixin girdfun($x,$num1,$y,$num2,$num3) {
    display: grid;
    grid-template-rows: repeat($x,$num1);
    grid-template-columns: repeat($y,$num2);
    gap: $num3;
}